<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Marketing
        <small>New Quote</small>
    </h1>
    <ol class="breadcrumb">
        <li><a ui-sref="main.dashboard"><i class="fa fa-dashboard"></i> Dashboard</a>
        </li>
        <li class="active">Quote</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">
    <div class="row">
        <section class="col-lg-12">
            <div class="box box-primary">
                <div class="box-header">
                    <!-- tools box -->
                    <div class="pull-right box-tools">
                        <button type="submit" class="btn btn-sm btn-primary">Save</button>
                        <button type="submit" class="btn btn-sm btn-success">Save &amp; Create Another</button>
                        <button type="submit" class="btn btn-sm btn-warning">Discard</button>
                    </div>
                    <!-- /. tools -->
                    <h3 class="box-title"><i class="fa fa-user"></i> Quote
                        <small>Basic Information</small>
                    </h3>
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <form role="form" class="form-horizontal">
                    <div class="box-body">
                        <div class="row">
                            <div class="form-group col-sm-6">
                                <label for="exampleInputEmail1" class="col-sm-4 control-label">Quote Subject</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Required" />
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label class="col-sm-4 control-label">Opportunity Name</label>
                                <div class="col-sm-8">
                                    <select class="form-control" data-placeholder="Pick a type">
                                        <option>Mustard</option>
                                        <option>Ketchup</option>
                                        <option>Relish</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label for="exampleInputEmail1" class="col-sm-4 control-label">Quote Number</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Required" />
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label class="col-sm-4 control-label">Quote Stage</label>
                                <div class="col-sm-8">
                                    <select class="form-control" data-placeholder="Pick a type">
                                        <option>Mustard</option>
                                        <option>Ketchup</option>
                                        <option>Relish</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label class="col-sm-4 control-label">Purchase Order Number</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" />
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label class="col-sm-4 control-label">Valid Until</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" />
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label class="col-sm-4 control-label">Payment Terms</label>
                                <div class="col-sm-8">
                                    <select class="form-control" data-placeholder="Pick a type">
                                        <option>Mustard</option>
                                        <option>Ketchup</option>
                                        <option>Relish</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label class="col-sm-4 control-label">Original P.O. Date</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" />
                                </div>
                            </div>
                            <div class="form-group col-sm-6">
                                <label class="col-sm-4 control-label">Description</label>
                                <div class="col-sm-8">
                                    <textarea class="form-control" rows="3"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <section class="col-xs-6">
                                <div class="box-header">
                                    <h3 class="box-title"><i class="fa fa-envelope"></i> Bill to
                                        <small>Bill to this account and contact to this people</small>
                                    </h3>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body">
                                    <div class="row">
                                        <div class="form-group col-sm-12">
                                            <label for="exampleInputEmail1" class="col-sm-4 control-label">Account Name</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-placeholder="Pick a type">
                                                    <option>Mustard</option>
                                                    <option>Ketchup</option>
                                                    <option>Relish</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12">
                                            <label for="exampleInputEmail1" class="col-sm-4 control-label">Contact Name</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-placeholder="Pick a type">
                                                    <option>Mustard</option>
                                                    <option>Ketchup</option>
                                                    <option>Relish</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <section class="col-xs-6">
                                <div class="box-header">
                                    <h3 class="box-title"><i class="fa fa-envelope"></i> Ship to
                                        <small>Ship to this account and contact to this people</small>
                                    </h3>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body">
                                    <div class="row">
                                        <div class="form-group col-sm-12">
                                            <label for="exampleInputEmail1" class="col-sm-4 control-label">Account Name</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-placeholder="Pick a type">
                                                    <option>Mustard</option>
                                                    <option>Ketchup</option>
                                                    <option>Relish</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12">
                                            <label for="exampleInputEmail1" class="col-sm-4 control-label">Contact Name</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-placeholder="Pick a type">
                                                    <option>Mustard</option>
                                                    <option>Ketchup</option>
                                                    <option>Relish</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <div class="row">
                            <section class="col-lg-6">
                                <div class="box-header">
                                    <h3 class="box-title"><i class="fa fa-credit-card"></i> Billing Address
                                        <small>Bill to this address</small>
                                    </h3>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body">
                                    <div class="row">
                                        <div class="form-group col-sm-12">
                                            <label for="exampleInputEmail1" class="col-sm-4 control-label">Country</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-placeholder="Pick a type">
                                                    <option>Mustard</option>
                                                    <option>Ketchup</option>
                                                    <option>Relish</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12">
                                            <label class="col-sm-4 control-label">Postal Code</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" />
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12">
                                            <label class="col-sm-4 control-label">State/Province</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" />
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12">
                                            <label class="col-sm-4 control-label">City</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" />
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12">
                                            <label class="col-sm-4 control-label">Street</label>
                                            <div class="col-sm-8">
                                                <textarea class="form-control" rows="3"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <section class="col-lg-6">
                                <div class="box-header">
                                    <h3 class="box-title"><i class="fa fa-truck"></i> Shipping Address
                                        <small>Ship to this address</small>
                                    </h3>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body">
                                    <div class="row">
                                        <div class="form-group col-sm-12">
                                            <label for="exampleInputEmail1" class="col-sm-4 control-label">Country</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-placeholder="Pick a type">
                                                    <option>Mustard</option>
                                                    <option>Ketchup</option>
                                                    <option>Relish</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12">
                                            <label class="col-sm-4 control-label">Zip/Postal Code</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" />
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12">
                                            <label class="col-sm-4 control-label">State/Province</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" />
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12">
                                            <label class="col-sm-4 control-label">City</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control" />
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-12">
                                            <label class="col-sm-4 control-label">Street</label>
                                            <div class="col-sm-8">
                                                <textarea class="form-control" rows="3"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <div class="row">
                            <section class="col-xs-12">
                                <div class="box-header">
                                    <h3 class="box-title"><i class="fa fa-gear"></i> Assign To
                                        <small>Misc.</small>
                                    </h3>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body">
                                    <div class="row">
                                        <div class="form-group col-sm-6">
                                            <label for="exampleInputEmail1" class="col-sm-4 control-label">Employee</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-placeholder="Pick a type">
                                                    <option>Mustard</option>
                                                    <option>Ketchup</option>
                                                    <option>Relish</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-6">
                                            <label for="exampleInputEmail1" class="col-sm-4 control-label">Teams</label>
                                            <div class="col-sm-8">
                                                <select class="form-control" data-placeholder="Pick a type">
                                                    <option>Mustard</option>
                                                    <option>Ketchup</option>
                                                    <option>Relish</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <div class="row">
                            <section class="col-xs-12">
                                <div class="box-header">
                                    <h3 class="box-title"><i class="fa fa-gear"></i> Line Items
                                        <small>Misc.</small>
                                    </h3>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body">
                                    <div class="row">
                                        <table class="table table-striped footable" data-sort="false">
                                            <thead>
                                                <tr>
                                                    <th>Item</th>
                                                    <th>Quantity</th>
                                                    <th>Tax Class</th>
                                                    <th>Cost</th>
                                                    <th>List</th>
                                                    <th>Unit Price</th>
                                                    <th>Discount (in %)</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>Call of Duty</td>
                                                    <td>123</td>
                                                    <td>Taxable</td>
                                                    <td>500.00</td>
                                                    <td>500.00</td>
                                                    <td>2500.00</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Need for Speed IV</td>
                                                    <td>123</td>
                                                    <td>Taxable</td>
                                                    <td>500.00</td>
                                                    <td>500.00</td>
                                                    <td>25000.00</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Monsters DVD</td>
                                                    <td>123</td>
                                                    <td>Taxable</td>
                                                    <td>500.00</td>
                                                    <td>500.00</td>
                                                    <td>24500.00</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Grown Ups Blue Ray</td>
                                                    <td>123</td>
                                                    <td>Taxable</td>
                                                    <td>500.00</td>
                                                    <td>500.00</td>
                                                    <td>3400.00</td>
                                                    <td>0</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                    <!-- /.box-body -->
                </form>
            </div>
        </section>
    </div>
</section>
